<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #titles{
            font-weight:bold;
            font-size:18px;
            height:50px;
            line-height:50px;
            background:#FFF9F3;
            text-align:center;
            border:1px solid #CCC;;
        }
        #form-itemGroup .userName{
            width:200px;
            height:40px;
            line-height:40px;
            border:1px solid #CCC;
            align-content: center;
        }
        #form-itemGroup label{
            display:inline-block;
            width:100px;
            height:32px;
            line-height:32px;
            color:#666;
            text-align:right;
        }
        .divBtn{
            margin-top:20px;
            margin-left:100px;
            width:100px;
            height:32px;
            line-height:32px;
            background-color:#F93;
            margin-bottom:10px;
            color:#ffffff;
            font-weight:bold;
            border:none;
        }
        #contents{
            margin-top:20px;
            background:#FFF9F3;
            border:1px solid #CCC;;
        }
    </style>

</head>
<body>
<div id="titles">个人网上银行</div>
<div id="contents">
    <hr width="95%" color="#f2f2f2"/>
    <form action="/day" method="post" onscroll="" return validate_mail()>
        <div id="form-itemGroup" align="center">
            <label for="userPasword">卡号：</label>
            <input type="text" id="userName" class="userName"oninput="checkuserName()">
        </div>
        <div id="form-itemGroup" align="center">
            <label for="userPasword">密码：</label>
            <input type="password" id="userPasword" class="userName"oninput="checkPassword()">
        </div>
        <div align="center">
            <button type="submit" class="divBtn">登录网上银行</button>
        </div>
  </div>
</form>
</body>
</html>